<!--
 * @description  : 单据管理列表详情
 * @descriptionDetail: 单据管理列表详情
 * @copyright    : 浙江烟草
 * @author       : dw
 * @create       : 2022-12-19 15:33:30
-->
<template>
	<view class="page" style="padding-bottom:0">
		
		<view class="invent-content">
			<view class="invent-right"  >
				<view @tap="toStoreBoxDetail">
				<view class="r-content">
					<text class="lt-right-title-label">
						封箱码 ：  {{itemInfo.qrCode}}
					</text>
				</view>
				<view class="peo-sty">
					<span class="box-item-title-color">
						案件编号：
					</span>
					<span class="box-item-sub-title-color">
						{{itemInfo.caseCode}}
					</span>
				</view>
				<view class="peo-sty">
					<span class="box-item-title-color">
						单据编号：
					</span>
					<span class="box-item-sub-title-color">
						{{itemInfo.storeBill}}
					</span>
				</view>
				<view class="peo-sty">
					<span class="box-item-title-color">
						文书名称：
					</span>
					<span class="box-item-sub-title-color">
						{{ itemInfo.fullDocName}}
					</span>
				</view>
				<view class="peo-sty">
					<span class="box-item-title-color">
						仓库名称：
					</span>
					<span class="box-item-sub-title-color">
						{{itemInfo.storeName  || "/"}}
					</span>
				</view>
				<view class="peo-sty">
					<span class="box-item-title-color">
						库 位：
					</span>
					<span class="box-item-sub-title-color home-imge">
						<u-image src="../../../static/store/store-home.png" width="41" height="45" />
						{{itemInfo.psCode || "/" }}
					</span>
				</view>
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			itemInfo: {
				type: Object,
				default: () => {
					return {
						
					}
				},
			},
			isAddGoods: {
				type: Boolean,
				default: false,
			},
		},
		data() {
			return {};
		},
		onLoad() {
			this.preParams = this.getRouteParam();
		},
		methods: {
			printStoreBox() {
				console.log("打印")
				// this.setRouteParam(this.itemInfo);
				// // 跳转到 出入库单的详情页面
				// this.$u.route("pages/store/billManage/detailListItem");
			},
			toStoreBoxDetail(){
				this.setRouteParam({
					storeBill:this.itemInfo.storeBill,
					qrUuid:this.itemInfo.qrUuid,
					qrCode:this.itemInfo.qrCode,
					fullDocName:this.itemInfo.fullDocName,
					fullDocNo:this.itemInfo.fullDocNo,
					rfidCode:this.itemInfo.rfidCode,
					storeName:this.itemInfo.storeName,
					psCode:this.itemInfo.psCode,
					caseCode:this.itemInfo.caseCode,
					storeId:this.itemInfo.storeId,
					isAddGoods: this.isAddGoods,
					formTo:"storeBox"
				});
				this.$u.route("/pages/store/box/storeBoxDetail")
				
			}
		},
	};
</script>

<style lang="scss" scoped>
	@import "../inventoryManage/inven_common.scss";

	.page {
		padding: 0;
	}

	.content {
		background-color: #F3F4F5;
		min-height: 100%;
	}

	.list-item-root {
		margin: 10px;
		border-radius: 5px;
		overflow: hidden;
	}

	.invent-content {
		padding: 12rpx;
	}

	.lt-right-title-value {
		// margin-left: 16rpx;
		font-size: 30rpx;
		font-weight: 400;
		color: $u-type-warning-dark;
	}

	.lt-right-title-label {
		font-size: 30rpx;
		font-weight: 600;
		color: #0070D2;
		background: #ECF6FF;
		border-radius: 4px;
		line-height: 34px;
		flex: 1;
		padding: 0 5px;
	}


	.title-sty {
		padding-bottom: 22rpx;
		border-bottom: 1px solid #ebebec
	}

	.peo-sty {
		padding-top: 24rpx;
		font-size: 26rpx;
		display: flex;
	}

	.home-imge {
		display: flex;
		align-items: center;
		.u-image {
			padding-right: 16rpx;
		}
		
	}

	.label-sty {
		color: #82848a;
		padding-right: 20rpx;
	}

	.value-sty {
		color: #ee8c4f;
	}

	.content-sty {
		color: #82848a;
		margin-top: 14rpx;
		font-size: 24rpx;
		display: flex;
		justify-content: space-between;
	}

	.pad-top {
		padding-top: 14rpx;
	}

	.box-item-title-color {
		color: #999999;
	}

	.box-item-sub-title-color {
		color: #666666;
	}

	.print-conent {
		color: $u_type_primary;
		font-size: 14px;
		font-weight: 600;
	}
</style>